@import url('../less/index.less');
.search{
    height: 1.04rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem;
    background-color: @primary;
    .left{
        width: 1.88rem;
        height: .48rem;
        margin-right: .4rem;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .form{
        width: 3.96rem;
        position: relative;
        flex: 1;
        
        input{
            text-indent: .6rem;
            height: .6rem;
            width: 100%;
            border-radius: .3rem;
            border: none;
        }

        .glassy{
            position: absolute;
            top: .15rem;
            left: .15rem;
        }
        
        .button{
            position: absolute;
            top: .04rem;
            right: .05rem;
            background-color: @primary;
            border-radius: .3rem;
            color: #fff;
            padding: .05rem .3rem;
        }
    }
    .right{
        margin-left: .4rem;
    }
}